<template>
  <el-dialog
    title="拒绝原因!"
    class="denial"
    :visible.sync="dialogVisible"
    width="30%"
    :before-close="handleClose">
    <ul>
      <li>产品编号:{{detail.porcelainCode}}</li>
      <li style="margin: 10px 0px">产品名称:{{detail.porcelainName}}</li>
      <li>
        <strong>拒绝原因:</strong>
        <textarea class="i-textarea" name="" id="" cols="30" rows="10">
          {{detail.auditContent}}
        </textarea>
      </li>
    </ul>
  </el-dialog>
</template>

<script>
/*eslint-disable*/
  export default {
    name: "DenialReason",
    data(){
      return{
        dialogVisible: false,
        detail:{}
      }
    },
    methods: {
      changeVisible(data){
        this.detail=data;
        this.dialogVisible=true
      },
      handleClose(done) {
        done();
      }
    }
  }
</script>

<style scoped>
.denial>>>.el-dialog__body{
  padding: 10px 20px;
}
.denial .i-textarea{
    margin-top: 10px;padding-top:10px;
    color:#777777;resize: none;outline: none;
    display: block;background:#F2F2F2;width: 100%
  }
</style>
